
<template>
 <canvas :width="newstate.width" :height="newstate.height"  class="canvasStyle" id="threecanvas"></canvas>
</template>


<script setup lang="ts">
import { ref, nextTick, reactive } from 'vue';
import threeMrg from './threeMrg'
let newstate = reactive({
  
  width:window.innerWidth,
  height:window.innerHeight
})
setTimeout(()=>{
  new threeMrg({
    id:'threecanvas'
  })
}, 2000)

</script>

<style lang="less" scoped>
.canvasStyle{
  width:100vw;
  height:100vh;
  position: absolute;
}
canvas{
  width:100vw;
  height:100vh;
}
</style>
